<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>系统菜单</title>
    <script src="/scripts/vue.js"></script>
    <script src="/scripts//axios.min.js"></script>
    <script src="/scripts/heyui/heyui.js"></script>
    <link rel="stylesheet" href="/scripts/heyui/css/heyui.blue.theme.css">
    <link rel="stylesheet" href="/styles/global.css">
    <script src="/scripts/lib.js"></script>
</head>

<body>
    <div id="app">
        <div class="page-body">
            <page-header title="系统菜单列表"></page-header>
            <div class="page-search-view">
                <h-form mode="threecolumn" label-position="left">
                    <h-form-item label="菜单名称">
                        <h-search v-model="queryParms.Name" placeholder="输入菜单名称" show-search-button @search="onSearch">
                        </h-search>
                    </h-form-item>
                </h-form>
            </div>
            <div class="page-search-btns">
                <h-button icon="h-icon-plus" @click="onAdd"><span>创建菜单</span></h-button>
                <h-button icon="h-icon-trash" @click="onDeleteAll"><span>删除</span></h-button>
            </div>
            <div class="page-data-view">
                <table-service :url="pageDataUrl" :parms="queryParms" @onchange="onDataChange" ref="tableService">
                    <h-table :datas="pageData" checkbox :height="600" ref="table">
                        <h-table-item title="名称" prop="Name"></h-table-item>
                        <h-table-item title="地址" prop="Url"></h-table-item>
                        <h-table-item title="排序" prop="SortId"></h-table-item>
                        <h-table-item title="创建时间" prop="CreateDateTime"></h-table-item>
                        <h-table-item title="修改时间" prop="UpdateDateTime"></h-table-item>
                        <h-table-item title="操作">
                            <template v-slot="{data}">
                                <a href="javascript:;" @click="onEdit(data.ID)">编辑</a>
                                <a href="javascript:;" class="red-color" @click="onDeleteSingle(data.ID)">删除</a>
                            </template>
                        </h-table-item>
                        <div class="page-data-empty-tip" slot="empty"><i
                                class="h-icon-warn"></i><span>没有查询到符合条件的记录</span></div>
                    </h-table>
                </table-service>
            </div>
        </div>
    </div>
</body>

</html>
<script src="/controller/system/MenuList.js"></script>